<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>微生之最 - 主页</title>
		<link rel="icon" href="./img/favicon.ico">
		<meta name="description" content="微生之最个人主页，在这里有我的介绍，我的日常生活，和我对网络技术的热爱……">
		<meta name="keywords" content="wszz,微生,微生之最,微生之最主页,微生之最引导页">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<link rel="stylesheet" href="./css/root.css">
		<link rel="stylesheet" href="./css/style.css">
		<link rel="stylesheet" href="css/APlayer.min.css">
		<script src="./js/library/typed.js@2.0.12.js"></script>
		<script src="./js/Tailing.js"></script>
		<script>
			(function() {
				function getCookie(name) {
					let nameEQ = name + "=";
					let ca = document.cookie.split(';');
					for (let i = 0; i < ca.length; i++) {
						let c = ca[i];
						while (c.charAt(0) === ' ') c = c.substring(1, c.length);
						if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
					}
					return null;
				}

				function applyTheme() {
					let theme = getCookie('theme');
					if (theme === 'dark' || (!theme && (new Date().getHours() >= 17 || new Date().getHours() < 7))) {
						document.documentElement.classList.add('dark-theme');
					} else {
						document.documentElement.classList.remove('dark-theme');
					}
					// Remove initial background to avoid conflict
					document.documentElement.style.backgroundColor = '';
				}

				applyTheme();
				window.addEventListener('load', applyTheme);
			})();
		</script>
		<script>
			var _hmt = _hmt || [];
			(function() {
				var hm = document.createElement("script");
				hm.src = "https://hm.baidu.com/hm.js?f13e9287a84fccc242eefb726650f46a";
				var s = document.getElementsByTagName("script")[0];
				s.parentNode.insertBefore(hm, s);
			})();
		</script>
	</head>
	<body onload="setInitialTheme()" id="body">
		<header id="header" class="box-shadow">
			<nav class="card alignment filter">
				<img class="lazy" data-src="img/favicon.ico" id="logo">
				<div id="tp-weather-widget"></div>
				<div id="button" class="alignment">
					<button id="button-mode"></button>
				</div>
			</nav>
		</header>
		<div id="main" class="alignment">
			<div id="introduce-time" class="box-shadow filter">
				<p id="currenttime"></p>
				<h3 id="currentdate"></h3>
				<div id="time-entry">
					<span>今日已度过 <span id="todayHoursPassed">0</span> 小时</span>
					<span>剩余 <span id="todayHoursRemaining">24</span> 小时</span>
					<span class="percentage" id="todayPercentage">0%</span>
				</div>
			</div>
			<div id="introduce" class="box-shadow filter">
				<img class="lazy" data-src="https://q1.qlogo.cn/g?b=qq&nk=1748326225&s=640" id="avatar">
				<h1 id="title" data-text="你好!我是微生">你好!我是微生</h1>
				<p><b id="text"></b></p>
				<nav id="contact" class="alignment">
					<a href="https://github.com/swszzs/" target="_blank">
						<svg t="1719837899112" class="icon" viewBox="0 0 1024 1024" version="1.1"
							xmlns="http://www.w3.org/2000/svg" p-id="1445" width="200" height="200">
							<path
								d="M850.346667 155.008a42.666667 42.666667 0 0 0-22.741334-23.509333c-8.704-3.754667-85.717333-33.322667-200.32 39.168H396.714667c-114.773333-72.618667-191.701333-42.922667-200.32-39.168a42.88 42.88 0 0 0-22.741334 23.466666c-26.197333 66.218667-18.048 136.448-7.850666 176.896C134.272 374.016 128 413.098667 128 469.333333c0 177.877333 127.104 227.882667 226.730667 246.272a189.568 189.568 0 0 0-13.013334 46.549334A44.373333 44.373333 0 0 0 341.333333 768v38.613333c-19.498667-4.138667-41.002667-11.946667-55.168-26.112C238.08 732.416 188.330667 682.666667 128 682.666667v85.333333c25.002667 0 65.365333 40.362667 97.834667 72.832 51.029333 51.029333 129.066667 55.253333 153.386666 55.253333 3.114667 0 5.376-0.085333 6.528-0.128A42.666667 42.666667 0 0 0 426.666667 853.333333v-82.090666c4.266667-24.746667 20.224-49.621333 27.946666-56.362667a42.666667 42.666667 0 0 0-23.125333-74.581333C293.333333 624.554667 213.333333 591.488 213.333333 469.333333c0-53.12 5.632-70.741333 31.573334-99.285333 11.008-12.117333 14.08-29.568 7.978666-44.8-4.821333-11.904-18.773333-65.450667-6.485333-117.546667 20.650667-1.578667 59.904 4.565333 113.706667 40.96C367.104 253.44 375.466667 256 384 256h256a42.666667 42.666667 0 0 0 23.936-7.338667c54.016-36.522667 92.970667-41.770667 113.664-41.130666 12.330667 52.224-1.578667 105.770667-6.4 117.674666a42.666667 42.666667 0 0 0 8.021333 44.928C805.077333 398.464 810.666667 416.085333 810.666667 469.333333c0 122.581333-79.957333 155.52-218.069334 170.922667a42.666667 42.666667 0 0 0-23.125333 74.709333c19.797333 17.066667 27.861333 32.469333 27.861333 53.034667v128h85.333334v-128c0-20.437333-3.925333-38.101333-9.770667-53.12C769.92 695.765333 896 643.712 896 469.333333c0-56.362667-6.272-95.530667-37.76-137.514666 10.197333-40.405333 18.261333-110.506667-7.893333-176.810667z"
								fill="#b45081" p-id="1446"></path>
						</svg>
					</a>
					<a href="https://qm.qq.com/q/IAKJDP4Eko" target="_blank">
						<svg t="1719837993229" class="icon" viewBox="0 0 1024 1024" version="1.1"
							xmlns="http://www.w3.org/2000/svg" p-id="2518" width="200" height="200">
							<path
								d="M943.0016 579.072a1373.696 1373.696 0 0 0-30.8224-82.9952l-30.5152-72.4992 0.0512-8.6528C881.7664 166.7072 733.184 0 512 0S142.2336 166.7072 142.2336 414.8736l0.0512 8.6016-29.9008 71.0656a1355.776 1355.776 0 0 0-31.488 84.6336c-36.5568 111.9232-39.3216 193.3824-8.0896 242.0224 16.896 26.3168 43.3664 43.8272 73.216 48.7424a118.6816 118.6816 0 0 0 13.1072 92.0576c35.4304 56.9856 102.5536 61.2352 200.9088 61.2352 56.7808 0 117.1968-2.9184 151.9104-5.9392 34.7136 3.072 95.0784 5.9392 151.9104 5.9392 98.3552 0 165.4784-4.2496 200.8576-61.1328 15.9232-25.6 21.8112-59.4944 13.1584-92.16a107.776 107.776 0 0 0 73.216-48.7424c31.1808-48.64 28.4672-130.0992-8.0896-242.1248z m-81.7152 189.7984l-0.768 0.0512c-19.8656 0-73.9328-83.6608-73.9328-83.6608 0 49.664-26.88 121.344-84.992 168.1408 21.76 6.4 48.4352 16.1792 65.536 28.2624 15.4112 10.8032 13.4656 21.8112 10.7008 26.3168-5.9904 9.6256-56.9856 12.8-113.92 12.8-58.4192 0-123.136-3.328-151.9104-6.4-28.7744 3.1232-93.4912 6.4-151.9104 6.4-56.9344 0-107.8784-3.1744-113.92-12.8-2.7648-4.4544-4.7104-15.5136 10.7008-26.3168 17.1008-12.032 43.776-21.8624 65.536-28.2624-58.112-46.848-84.992-118.4768-84.992-168.192 0 0-54.1184 83.6608-73.9328 83.6608l-0.768-0.0512c-8.96-1.024-20.6848-47.0016 15.5648-158.0544 7.5776-23.296 17.9712-50.432 28.4672-76.544l38.3488-91.136c0-1.0752-0.512-19.0464-0.512-28.2624C244.6336 259.0208 321.9456 102.4 512 102.4c190.0544 0 267.3664 156.6208 267.3664 312.4736 0 9.2672-0.4608 27.1872-0.512 28.2624l38.4 91.136c10.496 26.112 20.8896 53.248 28.4672 76.544 36.2496 111.0528 24.5248 157.0304 15.5648 158.0544z"
								fill="#b45081" p-id="2519"></path>
						</svg>
					</a>
					<a href="https://work.weixin.qq.com/kfid/kfcdef5ce2c3336507b" target="_blank">
						<svg t="1719838055392" class="icon" viewBox="0 0 1024 1024" version="1.1"
							xmlns="http://www.w3.org/2000/svg" p-id="4442" width="200" height="200">
							<path
								d="M666.501 720.2c22.59 22.688 49.944 36.439 80.146 45.033l11.492 2.996c21.559 3.929 32.805 23.572 33.787 43.609 0 23.572-17.188 43.609-40.663 47.047-22.59 2.947-46.064-11.295-50.975-33.787-6.875-34.819-21.559-65.168-47.047-90.656-2.947-2.947-0.982-9.331-1.964-14.242l10.411-0.835c2.21-0.099 4.027 0.098 4.813 0.835z m41.644-443.948c48.029 51.025 74.45 111.282 75.432 181.361-11.786-5.402-24.948-8.349-38.698-8.349h-1.964c-45.808 1.83-83.451 36.763-88.691 82.307-0.982 8.349-0.982 16.697 0 24.506-17.139 17.188-38.207 27.943-64.186 32.363h-0.491c-48.389 10.29-79.274 57.859-68.984 106.249a89.57 89.57 0 0 0 31.268 50.999 354.556 354.556 0 0 1-90.656 15.224 409.958 409.958 0 0 1-117.077-11.295c-5.893-0.982-13.259 0-19.153 1.964l-88.642 43.609c-11.295 5.893-21.608 6.875-31.381-0.982-9.331-6.875-10.313-17.188-9.331-29.417 3.929-24.456 6.875-48.962 9.331-73.467 0-4.911-2.947-12.277-6.875-16.206-38.698-38.698-71.994-81.325-88.691-135.198-31.332-106.813-2.947-198.451 74.499-274.914 141.582-138.636 389.044-132.251 524.291 11.295v-0.049z m176.401 353.341c24.506 2.947 42.627 22.541 42.627 47.047 0 23.474-14.242 42.627-37.716 46.998a158.172 158.172 0 0 0-76.414 36.243l-7.857 7.366c-4.911 4.911-12.277 9.331-17.188 1.964-1.964-3.929-0.982-13.26 1.964-16.157a158.43 158.43 0 0 0 43.609-85.745c4.523-23.962 26.738-40.398 50.975-37.716z m-183.276-44.1c-0.982 4.911 0.982 12.277-1.964 15.175-24.506 24.506-37.716 53.922-44.591 87.709-4.514 23.63-27.275 39.17-50.926 34.769-23.365-3.851-40.664-23.813-41.154-47.489 0-20.626 15.175-39.729 35.752-43.609a162.156 162.156 0 0 0 87.709-44.591c2.947-2.947 10.313-1.964 15.224-1.964h-0.05z m43.609-92.129c21.608 0 41.645 14.242 46.065 36.734 5.893 33.836 20.626 63.204 44.591 87.709 2.947 2.947 0.982 11.295 1.964 16.206l-10.902 0.589c-2.21 0-4.076-0.442-5.255-1.571-24.555-25.537-54.904-38.747-88.691-46.065-22.649-5.358-37.646-26.891-34.818-49.993 3.437-24.506 22.59-42.627 47.046-43.609z"
								p-id="4443" fill="#b45081"></path>
						</svg>
					</a>
				</nav>
			</div>
		</div>
		<noscript>
			<div style="color: blue; font-size: 16px; text-align: center; font-weight: bold;">
				您的浏览器禁用了JavaScript，某些功能可能无法正常工作。请启用JavaScript以获得更好的体验。
			</div>
		</noscript>
		<div id="marquee" class="box-shadow filter">
			<div class="marquee-content">
				<p><strong>公告：</strong><span>本页面正在建设中</span></p>
			</div>
		</div>
		<script>
			document.addEventListener('DOMContentLoaded', function() {
				const marqueeContent = document.querySelector('.marquee-content');
				const marquee = document.getElementById('marquee');

				marquee.addEventListener('mouseover', function() {
					marqueeContent.style.animationPlayState = 'paused';
				});

				marquee.addEventListener('mouseout', function() {
					marqueeContent.style.animationPlayState = 'running';
				});
			});
		</script>
		<h2 class="title">Introduce 🧩</h2>
		<div id="banner" class="alignment alignment-wrap">
			<div id="banner-left" class="box-shadow filter">
				<ul id="skill-progress" class="alignment alignment-wrap">
					<li>
						<p>Photoshop</p>
						<div class="progress"><i class="progress-line progress-line1"></i></div>
					</li>
					<li>
						<p>JavaScript</p>
						<div class="progress"><i class="progress-line progress-line2"></i></div>
					</li>
					<li>
						<p>Css</p>
						<div class="progress"><i class="progress-line progress-line3"></i></div>
					</li>
					<li>
						<p>Python</p>
						<div class="progress"><i class="progress-line progress-line4"></i></div>
					</li>
					<li>
						<p>Cisco</p>
						<div class="progress"><i class="progress-line progress-line5"></i></div>
					</li>
					<li>
						<p>Php</p>
						<div class="progress"><i class="progress-line progress-line6"></i></div>
					</li>
				</ul>
			</div>
			<div id="banner-right" class="box-shadow filter">
				<ul id="line">
					<li>
						<div class="focus"></div>
						<div>敬请期待
						</div>
						<div>2024 - 至今</div>
					</li>
					<li>
						<div class="focus"></div>
						<div>自主设计第二款响应式个人主页
						</div>
						<div>2024.6.25</div>
					</li>
					<li>
						<div class="focus"></div>
						<div>自主设计第一款响应式个人主页
						</div>
						<div>2024.6.14</div>
					</li>
					<li>
						<div class="focus"></div>
						<div>ICP备案成功
						</div>
						<div>2024.2.4</div>
					</li>
					<li>
						<div class="focus"></div>
						<div>使用阿里服务器
						</div>
						<div>2024.1.13</div>
					</li>
					<li>
						<div class="focus"></div>
						<div>注册域名bbixb.top
						</div>
						<div>2023.06.18</div>
					</li>
					<li>
						<div class="focus"></div>
						<div>使用海外虚拟机建站
						</div>
						<div>2022.6</div>
					</li>
					<li>
						<div class="focus"></div>
						<div>搭建第一个网站</div>
						<div>2021.9</div>
					</li>
				</ul>
			</div>
		</div>
		<h2 class="title">Popular Site 🔥</h2>
		<div id="content">
			<ul id="content-main" class="alignment alignment-wrap">
				<li class="box-shadow">
					<a href="https://www.bbixb.top/" target="_blank">
						<div class="border">
							<img class="lazy" data-src="img/images/bk.png" />
						</div>
						<div class="content-main-introduce">
							<p class="post-title alignment">
								<svg t="1718801550156" class="icon" viewBox="0 0 1024 1024" version="1.1"
									xmlns="http://www.w3.org/2000/svg" p-id="1907">
									<path
										d="M855.04 385.024q19.456 2.048 38.912 10.24t33.792 23.04 21.504 37.376 2.048 54.272q-2.048 8.192-8.192 40.448t-14.336 74.24-18.432 86.528-19.456 76.288q-5.12 18.432-14.848 37.888t-25.088 35.328-36.864 26.112-51.2 10.24l-567.296 0q-21.504 0-44.544-9.216t-42.496-26.112-31.744-40.96-12.288-53.76l0-439.296q0-62.464 33.792-97.792t95.232-35.328l503.808 0q22.528 0 46.592 8.704t43.52 24.064 31.744 35.84 12.288 44.032l0 11.264-53.248 0q-40.96 0-95.744-0.512t-116.736-0.512-115.712-0.512-92.672-0.512l-47.104 0q-26.624 0-41.472 16.896t-23.04 44.544q-8.192 29.696-18.432 62.976t-18.432 61.952q-10.24 33.792-20.48 65.536-2.048 8.192-2.048 13.312 0 17.408 11.776 29.184t29.184 11.776q31.744 0 43.008-39.936l54.272-198.656q133.12 1.024 243.712 1.024l286.72 0z"
										p-id="1908">
									</path>
								</svg>
								主页
							</p>
							<div class="border-title">
								<h3 class="border-title-h3">
									个人博客：微生之最 - 用技术改变世界
								</h3>
							</div>
							<p class="date">2024年6月6日</p>
						</div>
					</a>
				</li>
				<li class="box-shadow">
					<a href="https://fd.bbixb.top/" target="_blank">
						<div class="border">
							<img class="lazy" data-src="img/images/pyq.png" />
						</div>
						<div class="content-main-introduce">
							<p class="post-title alignment">
								<svg t="1718801550156" class="icon" viewBox="0 0 1024 1024" version="1.1"
									xmlns="http://www.w3.org/2000/svg" p-id="1907">
									<path
										d="M855.04 385.024q19.456 2.048 38.912 10.24t33.792 23.04 21.504 37.376 2.048 54.272q-2.048 8.192-8.192 40.448t-14.336 74.24-18.432 86.528-19.456 76.288q-5.12 18.432-14.848 37.888t-25.088 35.328-36.864 26.112-51.2 10.24l-567.296 0q-21.504 0-44.544-9.216t-42.496-26.112-31.744-40.96-12.288-53.76l0-439.296q0-62.464 33.792-97.792t95.232-35.328l503.808 0q22.528 0 46.592 8.704t43.52 24.064 31.744 35.84 12.288 44.032l0 11.264-53.248 0q-40.96 0-95.744-0.512t-116.736-0.512-115.712-0.512-92.672-0.512l-47.104 0q-26.624 0-41.472 16.896t-23.04 44.544q-8.192 29.696-18.432 62.976t-18.432 61.952q-10.24 33.792-20.48 65.536-2.048 8.192-2.048 13.312 0 17.408 11.776 29.184t29.184 11.776q31.744 0 43.008-39.936l54.272-198.656q133.12 1.024 243.712 1.024l286.72 0z"
										p-id="1908">
									</path>
								</svg>
								主页
							</p>
							<div class="border-title">
								<h3 class="border-title-h3">
									个人朋友圈：微生之最 - 畅游新世界
								</h3>
							</div>
							<p class="date">2024年6月6日</p>
						</div>
					</a>
				</li>
				<li class="box-shadow">
					<a href="https://www.lequxiang.com.cn/" target="_blank">
						<div class="border">
							<img class="lazy" data-src="img/images/pan.png" />
						</div>
						<div class="content-main-introduce">
							<p class="post-title alignment">
								<svg t="1718801550156" class="icon" viewBox="0 0 1024 1024" version="1.1"
									xmlns="http://www.w3.org/2000/svg" p-id="1907">
									<path
										d="M855.04 385.024q19.456 2.048 38.912 10.24t33.792 23.04 21.504 37.376 2.048 54.272q-2.048 8.192-8.192 40.448t-14.336 74.24-18.432 86.528-19.456 76.288q-5.12 18.432-14.848 37.888t-25.088 35.328-36.864 26.112-51.2 10.24l-567.296 0q-21.504 0-44.544-9.216t-42.496-26.112-31.744-40.96-12.288-53.76l0-439.296q0-62.464 33.792-97.792t95.232-35.328l503.808 0q22.528 0 46.592 8.704t43.52 24.064 31.744 35.84 12.288 44.032l0 11.264-53.248 0q-40.96 0-95.744-0.512t-116.736-0.512-115.712-0.512-92.672-0.512l-47.104 0q-26.624 0-41.472 16.896t-23.04 44.544q-8.192 29.696-18.432 62.976t-18.432 61.952q-10.24 33.792-20.48 65.536-2.048 8.192-2.048 13.312 0 17.408 11.776 29.184t29.184 11.776q31.744 0 43.008-39.936l54.272-198.656q133.12 1.024 243.712 1.024l286.72 0z"
										p-id="1908">
									</path>
								</svg>
								主页
							</p>
							<div class="border-title">
								<h3 class="border-title-h3">
									赞助：乐趣享外链网盘
								</h3>
							</div>
							<p class="date">2024年6月6日</p>
						</div>
					</a>
				</li>
			</ul>
		</div>
		<h2 class="title">My Friends 🤪</h2>
		<div id="friends">
			<ul>
				<li class="fd box-shadow filter">
					<a href="https://bbixb.top" target="_blank">
						<figure>
							<img class="lazy" data-src="https://q1.qlogo.cn/g?b=qq&nk=1748326225&s=640">
							<i class="online"></i>
						</figure>
						<h3>微生之最</h3>
					</a>
				</li>
				<li class="fd box-shadow filter">
					<a href="https://www.lequxiang.com.cn/" target="_blank">
						<figure>
							<img class="lazy" data-src="https://q1.qlogo.cn/g?b=qq&nk=3049900648&s=640">
							<i class="online"></i>
						</figure>
						<h3>乐趣享网盘</h3>
					</a>
				</li>
				<li class="fd box-shadow filter">
					<a href="https://bbixb.top" target="_blank">
						<figure>
							<img class="lazy" data-src="https://q1.qlogo.cn/g?b=qq&nk=1748326225&s=640">
							<i class="online"></i>
						</figure>
						<h3>微生之最</h3>
					</a>
				</li>
			</ul>
		</div>
		<footer id="footer" class="card alignment filter box-shadow">
			<p>微生之最 © <a href="https://beian.miit.gov.cn/">陕ICP备2024024726号 </a></p>
		</footer>
		<div id="notice"></div>
		<meting-js server="netease" type="playlist" id="6988887522" listFolded="false" fixed="true" mini="true"
			autoplay="true">
		</meting-js>
		<script src="./js/script.js"></script>
		<script src="js//library/APlayer.min.js"></script>
		<script src="js/library/Meting.min.js"></script>
	</body>
</html>